<template>
  <div class="sidebar-menu-wrapper">
    <el-row class="menu-wrapper">
      <el-menu default-active="/user/" router>
        <el-menu-item index="/user/">
          <span>个人主页</span>
        </el-menu-item>
        <el-menu-item index="/user/article-list/publish">
          <span>我的文章</span>
        </el-menu-item>
        <el-menu-item index="/user/article-list/unpublish">
          <span>未发布的文章</span>
        </el-menu-item>
        <el-menu-item index="/user/work-data">
          <span>作品数据</span>
        </el-menu-item>
        <el-menu-item index="/user/favorite">
          <span>我的收藏</span>
        </el-menu-item>
      </el-menu>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'SideBarMenu',
  data() {
    return {

    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.sidebar-menu-wrapper {
  .el-menu {
    width : 100%;
    border-right : none;

    .el-menu-item {
      width : 100%;

      & > span {
        width : 100%;
        display : inline-block;
        text-align : center;
      }
    }
  }
}

</style>
